<template>
  <section class="main">
    <div class="box">
      <h3>组合 Tab 引导栏</h3>
      <form class="form-horizontal" role="form" @submit.prevent="submit(1)">
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">*显示引导栏</label>
          <div class="col-sm-9 text-left">
            <select class="form-control" v-model="guide1.showStatus">
              <option value="0">隐藏</option>
              <option value="1">显示</option>
            </select>
          </div>
        </div>
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">*引导栏文案</label>
          <div class="col-sm-9 text-left">
            <textarea class="form-control" rows="5" v-model="guide1.descr"></textarea>
          </div>
        </div>
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">*跳转链接</label>
          <div class="col-sm-9 text-left">
            <input type="text" class="form-control" v-model="guide1.url">
          </div>
        </div>
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">*显示控制</label>
          <div class="col-sm-9 text-left">
            <select class="form-control" v-model="guide1.forceStatus">
              <option value="0">默认（对未关闭用户展示）</option>
              <option value="1">强制显示（对所有用户展示）</option>
            </select>
          </div>
        </div>
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label"></label>
          <div class="col-sm-9 text-left">
            <button class="btn btn-sm btn-primary">确定</button>
          </div>
        </div>
      </form>
    </div>
    <div class="box">
      <h3>我 Tab 引导栏</h3>
      <form class="form-horizontal" role="form" @submit.prevent="submit(0)">
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">*显示引导栏</label>
          <div class="col-sm-9 text-left">
            <select class="form-control" v-model="guide0.showStatus">
              <option value="0">隐藏</option>
              <option value="1">显示</option>
            </select>
          </div>
        </div>
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">*引导栏文案</label>
          <div class="col-sm-9 text-left">
            <textarea class="form-control" rows="5" v-model="guide0.descr"></textarea>
          </div>
        </div>
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">*跳转链接</label>
          <div class="col-sm-9 text-left">
            <input type="text" class="form-control" v-model="guide0.url">
          </div>
        </div>
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">*显示控制</label>
          <div class="col-sm-9 text-left">
            <select class="form-control" v-model="guide0.forceStatus">
              <option value="0">默认（对未关闭用户展示）</option>
              <option value="1">强制显示（对所有用户展示）</option>
            </select>
          </div>
        </div>
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label"></label>
          <div class="col-sm-9 text-left">
            <button class="btn btn-sm btn-primary">确定</button>
          </div>
        </div>
      </form>
    </div>
  </section>
</template>
<style src="./guide-list.css" scoped></style>
<script src="./guide-list.js"></script>